<template>
  <div class="moneyflow-con">
    <div class="moneyflow-hd">
      <strong>资金流向</strong>
    </div>
    <div class="moneyflow-bd">
      <el-tabs :tab-position="tabPosition">
        <el-tab-pane label="模块流入">用户管理</el-tab-pane>
        <el-tab-pane label="模块流出">配置管理</el-tab-pane>
        <el-tab-pane label="个股流入">角色管理</el-tab-pane>
        <el-tab-pane label="个股流出">定时任务补偿</el-tab-pane>
    </el-tabs>
    </div>
    <!-- <div class="h-hd moneyflow-bd">
      <strong>资金流向</strong>
    </div>
    <div class="moneyflow-bd clearfix">
      <el-tabs type="border-card">
          <el-tab-pane label="模块流入">
          </el-tab-pane>
          <el-tab-pane label="模块流出">
          </el-tab-pane>
          <el-tab-pane label="个股流入">
          </el-tab-pane>
          <el-tab-pane label="个股流出">
          </el-tab-pane>
      </el-tabs>
    </div> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      tabPosition: "left"
    }
  }
}
</script>

<style>
.moneyflow-con {
  margin:0 10px;
  border:1px solid #eee;
  border-top: solid 2px #c01639;
}
.moneyflow-bd .el-tabs--border-card {
  border:0;
  box-shadow: none;
}
.moneyflow-bd {
  padding:25px 0;
}
.moneyflow-hd {
  text-align: center;
  border-bottom:1px solid #eee;
  line-height: 45px;
}
</style>
